<!-- 页面 -->
<template>
    <div>
        <van-tabbar v-model="active">
            <van-tabbar-item to="/xxxx/d1" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item to="/xxxx/d2" icon="orders-o">课程</van-tabbar-item>
            <van-tabbar-item to="/xxxx/d3" icon="good-job-o">约课记录</van-tabbar-item>
            <van-tabbar-item to="/xxxx/d4" icon="edit">练习</van-tabbar-item>
            <van-tabbar-item to="/xxxx/d5" icon="user-o">我的</van-tabbar-item>
        </van-tabbar>
        <router-view />

    </div>
</template>
<!-- vue -->
<script>
export default {
    data () {
        return {
            // 声明的属性
            active: ''
        }
    },
    //生命周期函数
    mounted () {
    },
    // 调用方法
    methods: {
    },
    // 监听器
    watch: {
    },
    // 计算属性
    computed: {
    },
    // 过滤器
    filters: {
    },
    // 自定义指令
    directives: {
    }
}
</script>
<!-- css样式 -->
<style scoped></style>